﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfSearchDjackList.aspx.cs" Inherits="msBsc.WebUi.wMall.Public.wfSearchDjackList" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>地接客车辆信息，包车旅游专家，旅游因您而定</title>
    <meta name="keywords" content="地接客，旅游，车辆检索，旅游包车" />
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sHead.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sFoot.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/pagination.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Public/sVehicleList.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Chat/layim.css" rel="stylesheet" />
    <style>
        .djack-list-wrap {
            width: 1200px;
            min-height: 420px;
            margin: 0 auto;
        }

        .search-result-title {
            width: 1170px;
            height: 20px;
            margin-top: 10px;
            border-bottom: 1px solid #808080;
            padding: 40px 15px 0 15px;
            line-height: 20px;
            color: #808080;
        }

        .search-result-list, .search-result-list ul {
            width: 1200px;
            min-height: 480px;
            margin-top: 20px;
            float: left;
        }

            .search-result-list ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .search-result-list ul li, .djk-intro {
                    width: 178px;
                    height: 270px;
                    margin: 0 5px 10px 5px;
                    float: left;
                    border: 1px solid #808080;
                    padding: 15px 25px;
                    position: relative;
                    cursor: pointer;
                }

                    .search-result-list ul li:hover {
                        border-color: #3398dc;
                    }

        .djk-pic, .djk-pic img {
            height: 170px !important;
            width: 170px !important;
            border-radius: 50%;
            margin: 0 auto;
        }

        .djk-nick, .djk-label, .djk-cononline {
            display: block;
            width: 100%;
            height: 30px;
            line-height: 25px;
            max-width: 178px;
            overflow: hidden;
            font-size: 16px;
            font-family: 微软雅黑;
            font-weight: 600;
            margin-top: 10px;
            text-align: center;
        }

        .djk-label, .djk-cononline {
            margin-top: 5px !important;
        }

        .djk-nick a {
            display: block;
            color: #333;
        }

        .djk-intro-left, .djk-intro-right {
            margin: 0;
            padding: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 230px;
            height: 300px;
            padding-left: 10px;
            background: url(/themes/wStyle1/Images/Public/icon_left01.jpg) no-repeat;
            background-position: -5px 80px;
            border: 0;
            z-index: 999;
            display: none;
        }

        .djk-intro-right {
            background: url(/themes/wStyle1/Images/Public/icon_right01.jpg) no-repeat;
            left: 0;
            background-position: 225px 80px;
            padding-left: 0;
            padding-right: 10px;
        }

        .intro-title {
            font-size: 18px;
            font-family: Adobe 黑体 Std;
            color: #ffcba2;
        }

        .djk-intro-content {
            width: 200px;
            height: 270px;
            background-color: #3398dc;
            padding: 15px;
            max-width: 200px;
            max-height: 270px;
            overflow: hidden;
            word-break: break-all;
            word-wrap: break-word;
            font-size: 14px;
            font-family: Adobe 黑体 Std;
            color: #fff;
            line-height: 18px;
        }

        .djk-label span {
            padding: 3px;
            border: 1px solid #808080;
            font-size: 12px;
            font-family: 微软雅黑;
            margin-left: 3px;
        }

        .footer-page {
            width: 1200px;
            height: 60px;
            clear: both;
            line-height: 60px;
            text-align: center;
        }

            .footer-page span {
                border: 1px solid #3398dc;
                padding: 5px 15px;
                cursor: pointer;
            }

                .footer-page span:hover {
                    background-color: #3398dc;
                    color: #fff;
                }
    </style>
</head>
<body>
    <div class="wf_all">
        <input type="hidden" id="pageindex" value="" />
        <input type="hidden" id="pagecount" value="" />
        <input type="hidden" id="scondition" value="" />
        <div id="divLoginInfo">
            <%=msBsc.WebUi.Code.QtHtmlGet.GetHeaderLoginInfo() %>
        </div>
        <div class="djack-list-wrap">
            <div class="search-result-title">
                搜索 <span style="color: #3398dc">地接客</span> 共 <span id="countnum" style="color: #f60;"></span>条信息
            </div>
            <div class="search-result-list">
                <ul id="djack_list">
                </ul>
                <xmp id="djack_list_temp" style="display: none;">
            {{#for(var i=0,j=1,len=d.rows.length;i < len;i++,j++){ }}
                 <li>
                     {{#if(j%5==0){ }}
                     <div class="djk-intro-right changeUrl" data-id="{{d.rows[i].CUSTOMER_REGISTER_ID}}">
                            <div class="djk-intro-content">
                                <div class="intro-title">地接客简介:</div>
                                {{d.rows[i].DJACK_INTRODUCE}}
                            </div>
                        </div>
                     {{#} }}
                     {{#if(j%5!=0){ }}
                        <div class="djk-intro-left changeUrl" data-id="{{d.rows[i].CUSTOMER_REGISTER_ID}}">
                            <div class="djk-intro-content">
                                <div class="intro-title">地接客简介:</div>
                                {{d.rows[i].DJACK_INTRODUCE}}
                            </div>
                        </div>
                     {{#} }}
                        <div class="djk-pic changeUrl" data-id="{{d.rows[i].CUSTOMER_REGISTER_ID}}">
                            <img src="{{d.rows[i].CUSTOMER_DEFAULT_PIC}}" alt="{{d.rows[i].CUSTOMER_NICK}}" />
                        </div>
                        <div class="djk-nick changeUrl" data-id="{{d.rows[i].CUSTOMER_REGISTER_ID}}">
                            <a href="/wp_DjackVehicle1.htm?djackId={{d.rows[i].CUSTOMER_REGISTER_ID}}">{{d.rows[i].CUSTOMER_NICK}}</a>
                        </div>
                        <div class="djk-label">
                            {{#if(d.rows[i].DJACK_SERVICE_TYPE==1){ }}
                             <span>导游服务</span>
                            {{#} }}
                            {{#if(d.rows[i].DJACK_SERVICE_TYPE==3){ }}
                             <span>车+导游</span>
                            {{#} }}
                            {{#if(d.rows[i].DJACK_SERVICE_TYPE==2){ }}
                             <span>向导服务</span>
                            {{#} }}
                           
                        </div>
                        <div class="djk-cononline">
                            <span style="cursor: pointer; color: #ff6a00;" lg="<%=msBsc.SvRef.UserInfo.Online?"true":"false" %>"
                                userid="{{d.rows[i].CUSTOMER_REGISTER_ID}}" username="{{d.rows[i].CUSTOMER_NICK}}" userface="{{d.rows[i].CUSTOMER_DEFAULT_PIC}}" onclick="chatShow(this);">
                                <img src="/themes/wStyle1/Images/Chat/contact.gif" />
                            </span>
                        </div>
                    </li>
            {{#} }}
        </xmp>
            </div>
            <div class="footer-page">
                <span id="prevPage" onclick="javascript:{ChangePage('Y')}">上一页</span>
                <span id="nextPage" onclick="javascript:{ChangePage('N')}">下一页</span>
            </div>
        </div>


        <!--start JS引用-->
        <script src="/themes/wStyle1/js/Chat/lib.js"></script>
        <script src="/themes/wStyle1/js/Chat/layim.js"></script>

        <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
        <script src="/jqPlugin/js/jBase.js"></script>
        <script src="/jqPlugin/js/jBPage.js"></script>

        <%--chat--%>
        <script src="/themes/wStyle1/js/comm/VerifyJs.js"></script>
        <script src="/jqPlugin/layer/layer.min.js"></script>
        <script src="/jqPlugin/js/laytpl.js"></script>
        <script src="/jqPlugin/SelectSimu/js/SelectSimu.js"></script>
        <script src="/themes/wStyle1/js/comm/jsLayout.js"></script>
        <script src="/themes/wStyle1/js/comm/jsPagination.js"></script>
        <script src="/themes/wStyle1/js/comm/commentmsg.js"></script>

        <script type="text/javascript">
            function IniChat(uid, username, userface, friend, islogin) {
                if (islogin) {
                    xxim.Initialization(uid, username, userface, friend);
                    xxim.view();
                    xxim.renode();
                    xxim.getDates(0);
                    xxim.event();
                    xxim.layinit();
                    $("#talkWith").attr("lg", islogin);
                }
                else {
                    xxim.messageInitia(friend);
                }

            }

            $(function () {
                SetCustRequstInfo();

                ajaxGetDjackInfo();

                $(".changeUrl").live("click", function () {
                    window.location.href = "/wp_DjackVehicle.htm?djackId=" + $(this).attr("data-id");
                })
            })

            function CheckShowInfo() {
                $(".search-result-list ul li").hover(function () {
                    $(this).children(".djk-intro-left").show().stop(true, true).animate({ left: '+=' + 229 + 'px' }, "slow");
                    $(this).children(".djk-intro-right").show().stop(true, true).animate({ left: '-=' + 240 + 'px' }, "slow");
                }, function () {
                    $(this).children(".djk-intro-left").stop(true, true).animate({ left: '-=' + 229 + 'px' }, "slow").hide();
                    $(this).children(".djk-intro-right").stop(true, true).animate({ left: '+=' + 240 + 'px' }, "slow").hide();
                })
            }

            function TurnToDjackInfo(djackId) {
                window.location.href = "/wp_DjackVehicle1.htm?djackId=" + djackId;
            }

            function ajaxGetDjackInfo() {
                var opart = new jsonRow();
                opart = addNoAreStatistics(opart, "地接客收索", "w0016");
                opart.AddCell("ACTION", "init");
                opart.AddCell("PageIndex", IsNull(GetQueryStr("pi")) ? "1" : GetQueryStr("pi"));
                opart.AddCell("scondition", IsNull(GetQueryStr("key")) ? "" : GetQueryStr("key"));

                ajaxComm(opart, null, function () {
                    CheckShowInfo();
                });
            }

            function SetCustRequstInfo() {
                $("#pageindex").val(IsNull(GetQueryStr("pi")) ? "1" : GetQueryStr("pi"));
                $("#scondition").val(IsNull(GetQueryStr("key")) ? "" : GetQueryStr("key"));
            }

            function SetDjackList(rdata, pagecount, countnum) {
                $("#pagecount").val(pagecount);
                $("#countnum").text(countnum);

                var _html = $('#djack_list_temp').html();
                laytpl(_html).render(rdata, function (render) {
                    $("#djack_list").html(render);
                });
            }

            function ChangePage(isPrev) {
                if (isPrev == "Y") {
                    if ($("#pageindex").val() > 1) {
                        window.location.href = "/wp_SearchDjackList.htm?pi=" + ($("#pageindex").val() - 1) + "&key=" + $("#scondition").val();
                    }
                    else {
                        alert("本页已为首页");
                    }
                    return;
                }

                if ($("#pagecount").val() - $("#pageindex").val() > 0) {
                    window.location.href = "/wp_SearchDjackList.htm?pi=" + ($("#pageindex").val() - (-1)) + "&key=" + $("#scondition").val();
                }
                else {
                    alert("本页已为最后页");
                }
            }
        </script>

        <script src="/themes/wStyle1/js/Chat/chatMessage.js"></script>
        <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>
    </div>

</body>
</html>
